/* 字体大小样式 */
.font_size22 {
	font-size: 22px !important;
}

.font_size20 {
	font-size: 20px !important;
}

.font_size18 {
	font-size: 18px !important;
}

.font_size16 {
	font-size: 16px !important;
}

.font_size15 {
	font-size: 15px !important;
}

.font_size14 {
	font-size: 14px !important;
}

.font_size12 {
	font-size: 12px !important;
}

.font_size10 {
	font-size: 10px !important;
}

.font_size8 {
	font-size: 8px !important;
}

.bold {
	font-weight: bold;
}

/* 字体颜色样式 */
.font_white {
	color: #FFFFFF !important;
}

.font_bule {
	color: #3388ff !important;
}

.font_black {
	color: #000000 !important;
}

.font_black2 {
	color: #2d2d2d !important;
}

.font_black3 {
	color: #333333 !important;
}

.font_black4 {
	color: #4d4d4d !important;
}

.font_black7 {
	color: #7D7D7D !important;
}

.font_black8 {
	color: #888888 !important;
}

.font_black9 {
	color: #999999 !important;
}

.font_green {
	color: #1aad19 !important;
}

.font_yellow {
	color: #FF913D !important;
}

.font_red {
	color: #FF5757 !important;
}

.font_gray {
	color: #376477 !important;
}

.font_gray2 {
	color: #2A748D !important;
}

/* 背景颜色 */
.bg_white {
	background-color: #FFFFFF !important;
}

.default_color {
	background-color: rgba(51, 136, 255, 0.2) !important;
}

.bg_gray,
.active_bg {
	background-color: #F5F5F5 !important;
}

.bg_linear {
	background: linear-gradient(224deg, rgba(255, 255, 255, 0) -18%, rgb(255, 255, 255) 24%, rgb(255, 255, 255) 76%, rgba(241, 241, 255, 0) 131%), rgb(235, 235, 255) !important;
}

.bg_init_pages {
	background: linear-gradient(90deg, #f6f4f7 0%, #faf3fb 100%) !important;
}

/* 边距 */
.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr20 {
	margin-right: 20px;
}

.mr30 {
	margin-right: 30px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.ptb10 {
	padding: 10px 0;
}

.ptb20 {
	padding: 20px 0;
}

.ptb30 {
	padding: 30px 0;
}

.plr10 {
	padding: 0 10px;
}

.plr20 {
	padding: 0 20px;
}

.plr30 {
	padding: 0 30px;
}

/* 布局 */
.flex1 {
	flex: 1;
}

.flex_center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex_center_column {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.flex_row {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: flex-start;
}

.flex_column {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.flex_around {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.flex_between {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}

.under-line {
	text-decoration: underline;
	cursor: pointer;
}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.ellipsis2 {
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cursor_pointer {
	cursor: pointer;
}

.imgWHAvatar {
	width: 70px;
	height: 70px;
	border-radius: 50%;
}

.statistical-card{
	box-sizing: border-box;
	padding:0 10px 0 0;
	height: 56px;
	width: 100%;
	background: linear-gradient(270.09deg,rgba(203,218,255,.24) -.44%,rgba(204,225,255,.24) 100.95%);
}